<!DOCTYPE HTML>
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js eq-ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="css/style.css" />
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/modernizr.js"></script>
    <title></title>
</head>
<body>
    <div class="masthead">
        <div class="wrapper">
            <a href="#" class="scj-logo pull-left"></a>
            <div class="pull-right">
                <div class="languages-bar pull-left">
                    <a href="#">ES<span class="language-devider"></span></a>
                    <a href="#">FR<span class="language-devider"></span></a>
                    <a href="#">EN</a>
                </div>
                <div class="social-bar pull-right">
                    <a href="#" class="fb-item"></a>
                    <a href="#" class="pin-item"></a>
                    <a href="#" class="youtube-item"></a>
                </div>
            </div>
        </div>
    </div>
    <header class="main-header clearfix">
        <div class="wrapper cleafix">
            <a href="#" class="ziploc-logo pull-left"></a>
            <nav class="main-nav pull-left">
                <ul>
                    <li class="main-nav-items">
                        <a href="#"><span>Produscts</span>Food Storage &amp; Organization</a>
                        <span class="arrow-right"></span>
                        <ul class="sub-nav">
                            <li class="sub-nav-items">
                                <a href="#">Bags</a>
                            </li>
                            <li class="sub-nav-items">
                                <a href="#">Containers</a>
                            </li>
                            <li class="sub-nav-items">
                                <a href="#">Home Organization</a>
                            </li>
                        </ul>
                    </li>
                    <li class="main-nav-items">
                        <a href="#"><span>Inspiration</span>Recipes, Crafts, Tips &amp; More</a>
                        <span class="arrow-right"></span>
                        <ul class="sub-nav">
                            <li class="sub-nav-items">
                                <a href="#">Food</a>
                            </li>
                            <li class="sub-nav-items">
                                <a href="#">Family</a>
                            </li>
                            <li class="sub-nav-items">
                                <a href="#">Home</a>
                            </li>
                            <li class="sub-nav-items">
                                <a href="#">Home</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="search pull-right">

                <form method="" action="">
                    <ul class="search-list pull-left">
                        <li class="show-list-items">
                            <a href="#">Search All</a>
                            <span class="search-down-arrow"></span>
                            <ul class="sub-search-list">
                                <li>
                                    <a href="#">Search All</a>
                                </li>
                                <li>
                                    <a href="#">Product</a>
                                </li>
                                <li>
                                    <a href="#">Food</a>
                                </li>
                                <li>
                                    <a href="#">Family</a>
                                </li>
                                <li>
                                    <a href="#">Home</a>
                                </li>
                                <li>
                                    <a href="#">Events</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <input type="text" name="" class="search-field pull-left"/>
                    <input type="submit" value="" class="search-btn pull-right"/>
                </form>

            </div>
        </div>
    </header>